<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <div id="form_div">
        <div class="form-group">
            <label for="category_id1" class="control-label col-xs-12 col-sm-2">{:__('Level category1')}:</label>
            <div class="col-xs-12 col-sm-8">
                <select id="category_id1" v-model="category_id1" name="row[category_id1]" class="form-control"
                        data-rule="required">
                    <option :value="category.id" v-for="category in category1_list">{{category.name}}</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label for="category_id2" class="control-label col-xs-12 col-sm-2">{:__('Level category2')}:</label>
            <div class="col-xs-12 col-sm-8">
                <select id="category_id2" v-model="category_id2" name="row[category_id2]" class="form-control"
                        data-rule="required">
                    <option :value="category.id" v-for="category in category2_list">{{category.name}}</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label for="category_id3" class="control-label col-xs-12 col-sm-2">{:__('Level category3')}:</label>
            <div class="col-xs-12 col-sm-8">
                <select id="category_id3" v-model="category_id3" name="row[category_id3]" class="form-control"
                        data-rule="required">
                    <option :value="category.id" v-for="category in category3_list">{{category.name}}</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label for="category_id4" class="control-label col-xs-12 col-sm-2">{:__('Level category4')}:</label>
            <div class="col-xs-12 col-sm-8">
                <select id="category_id4" v-model="category_id4" name="row[category_id4]" class="form-control"
                        data-rule="required">
                    <option :value="category.id" v-for="category in category4_list">{{category.name}}</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label for="category_id5" class="control-label col-xs-12 col-sm-2">{:__('Level category5')}:</label>
            <div class="col-xs-12 col-sm-8">
                <select id="category_id5" v-model="category_id5" name="row[category_id5]" class="form-control"
                        data-rule="required">
                    <option :value="category.id" v-for="category in category5_list">{{category.name}}</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label for="category_id6" class="control-label col-xs-12 col-sm-2">{:__('Level category6')}:</label>
            <div class="col-xs-12 col-sm-8">
                <select id="category_id6" v-model="category_id6" name="row[category_id6]" class="form-control"
                        data-rule="required">
                    <option :value="category.id" v-for="category in category6_list">{{category.name}}</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <label for="category_id7" class="control-label col-xs-12 col-sm-2">{:__('Level category7')}:</label>
            <div class="col-xs-12 col-sm-8">
                <select id="category_id7" v-model="category_id7" name="row[category_id7]" class="form-control"
                        data-rule="required">
                    <option :value="category.id" v-for="category in category7_list">{{category.name}}</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label for="name" class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="name" data-rule="required" v-model="name" class="form-control" name="row[name]" type="text" value="">
            </div>
        </div>
        <div class="form-group">
            <label for="the_latin_name" class="control-label col-xs-12 col-sm-2">{:__('The latin name')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="the_latin_name" data-rule="required" v-model="the_latin_name" class="form-control" name="row[the_latin_name]"
                       type="text" value="">
            </div>
        </div>
        <div class="form-group">
            <label for="demand" class="control-label col-xs-12 col-sm-2">{:__('Demand')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="demand" data-rule="required" v-model="demand"  class="form-control" name="row[demand]" type="text" value="">
            </div>
        </div>
        <div class="form-group">
            <label for="amount" class="control-label col-xs-12 col-sm-2">{:__('Amount')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="amount" data-rule="required" v-model="amount" class="form-control" name="row[amount]" type="text" value="">
            </div>
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
